<template>
  <div class="head">
    <h1 style="text-align: center">客户订购系统</h1>
    <div class="dev" style="text-align: center">李阳、薛龙达、姚扬瀚、朱春磊、刘慧婷、胡佳乐、晁米岚、黄敏</div>
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="首页" name="first">
        <HomeContent />
      </el-tab-pane>
      <el-tab-pane label="购物车" name="second">
        <ShopCar />
      </el-tab-pane>
      <el-tab-pane label="历史订单" name="third">
        <HistoryList />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import HomeContent from '@/views/customerhome/HomeContent'
import ShopCar from '@/views/customerhome/ShopCar'
import HistoryList from '@/views/customerhome/HistoryList'
import { ref } from 'vue'
// import { TabsPaneContext } from 'element-plus'
export default {
  name: 'CustomerHead',
  components: {
    HomeContent,
    ShopCar,
    HistoryList
  },
  setup () {
    const activeName = ref('first')
    return {
      activeName
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
